<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Home 4 ||  Pain Charity</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!--Style Sheets-->
        <link rel="apple-touch-icon" href="apple-touch-icon.png"> 
        <link href="https://fonts.googleapis.com/css?family=Archivo+Black|Arimo:400,700|Poppins:300,400,500,600,700" rel="stylesheet"> 
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/owl.theme.css">
        <link rel="stylesheet" href="css/font-awesome.min.css"> 
        <link rel="stylesheet" href="../../fonts/flaticon.css">
        <link rel="stylesheet" href="css/style.css">  
        <link rel="stylesheet" href="css/odometer-theme-car.css">  
        <link rel="stylesheet" href="css/swiper.min.css">  
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/responsive.css">
        <link rel="stylesheet" href="css/color.css">
        <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <div id="xp-wrapper">
            <header id="xp-header" class="layout">
                <div class="xp-vresion-three-header layout">
                    <div class="xp-top-header layout">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-8 col-sm-8 col-xs-8">
                                    <div class="xp-top-location clearfix">
                                        <ul class="clearfix">
                                            <li><i class="fa fa-envelope"></i><a href="#">admin@yahoo.com</a></li>
                                            <li><i class="fa fa-phone"></i><a href="#">080.0444.333</a></li>
                                            <li><i class="fa fa-map-marker"></i><a href="#">Street 222, South Africa</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-4">
                                    <div class="xp-cart-item clearfix">
                                        <div class="xp-image-holder">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/cart-icon.png" alt="" />
                                                </div>
                                            </div>
                                            <a href="#"><i class="fa fa-sort-desc"></i></a>
                                        </div>
                                        <div class="xp-text-box">
                                            <p>My Cart 0 item</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="xp-last-header layout">
                        <div class="container">
                            <div class="xp-last-heade-inner">
                                <div class="row">
                                    <div class="col-md-3 col-sm-3 col-xs-12">
                                        <div class="xp-logo">
                                            <a href="#"><img src="images/logo-2.png" alt="" /></a>
                                        </div>
                                    </div>
                                    <div class="col-md-9 col-sm-9 col-xs-12">
                                        <div class="xp-navigation">
                                            <div class="navbar navbar-default" role="navigation">
                                                <div class="navbar-header">
                                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                                                        <span class="sr-only">Toggle navigation</span>
                                                        <span class="icon-bar"></span>
                                                        <span class="icon-bar"></span>
                                                        <span class="icon-bar"></span>
                                                    </button>
                                                </div>
                                                <div class="navbar-collapse collapse">
                                                    <ul class="nav navbar-nav pull-right">
                                                        <li class="active"><a href="index.html">Home </a>
                                                            <div class="xp-sub-menu">
                                                                <ul>
                                                                    <li><a href="index2.html">Home 2</a></li>
                                                                    <li><a href="index3.html">Home 3</a></li>
                                                                    <li><a href="index4.html">Home 4</a></li>
                                                                    <li><a href="index5.html">Home 5</a></li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                        <li><a href="our-causes.html">Causes</a>
                                                            <div class="xp-sub-menu">
                                                                <ul>
                                                                    <li><a href="our-causes-detail.html">Causes Detail</a></li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                        <li><a href="gallery-style-1.html">Gallery </a>
                                                            <div class="xp-sub-menu">
                                                                <ul>
                                                                    <li><a href="gallery-style-1.html">gallery style 1</a></li>
                                                                    <li><a href="gallery-style-2.html">gallery style 2</a></li>
                                                                    <li><a href="gallery-style-3.html">gallery style 3</a></li>
                                                                    <li><a href="gallery-style-4.html">gallery style 4</a></li>
                                                                    <li><a href="gallery-style-5.html">gallery style 5</a></li>
                                                                    <li><a href="gallery-style-6.html">gallery style 6</a></li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                        <li><a href="#">Pages</a>
                                                            <div class="xp-sub-menu">
                                                                <ul>
                                                                    <li><a href="our-blog.html">our blog</a></li>
                                                                    <li><a href="our-blog-detail.html">our blog detail</a></li>
                                                                    <li><a href="our-events.html">our events</a></li>
                                                                    <li><a href="our-events-detail.html">our events detail</a></li>
                                                                    <li><a href="our-events-calendar.html">our events calendar</a></li>
                                                                    <li><a href="our-team.html">our team</a></li>
                                                                    <li><a href="our-team-details.html">our team details</a></li>
                                                                    <li><a href="welfare-projects.html">welfare projects</a></li>
                                                                    <li><a href="welfare-stories.html">welfare stories</a></li>
                                                                    <li><a href="welfare-programs.html">welfare programs</a></li>
                                                                    <li><a href="404-page.html">404-page</a></li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                        <li><a href="#">Shop</a>
                                                            <div class="xp-sub-menu">
                                                                <ul>
                                                                    <li><a href="our-products.html">our products</a></li>
                                                                    <li><a href="products-details.html">products details</a></li>
                                                                    <li><a href="cart.html">cart</a></li>
                                                                    <li><a href="checkout.html">checkout</a></li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                        <li><a href="about-us.html">About</a></li>
                                                        <li><a href="contact-us.html">Contact</a></li>
                                                    </ul>
                                                </div><!--/.nav-collapse -->
                                            </div>    
                                            <div class="xp-donait-now">
                                                <a href="#">Donate Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <section id="xp-banner" class="layout" >
                <div class="xp-inner-banner xp-versionthree-banner xp-version-four-banner" data-parallax="scroll" data-image-src="images/home-four-banner.jpg">
                    <div class="xp-ovrlay"></div>
                    <div class="xp-text-box">
                        <div class="child-pernt">
                            <div class="child">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="xp-text-box-innr">
                                                <h1>Supporting a<span>Good Cause</span></h1>
                                                <p>Find a Good Cause Find a cause you care about and 
                                                    start fundraising today</p>
                                            </div>
                                            <div class="xp-serch-point">
                                                <p>Over 55,000 causes to choose, The quickest way to find one is by searching below.</p>
                                                <form class="form-inline">
                                                    <select><option>Cause Name</option></select>
                                                    <input type="text" placeholder="Search for a cause by their name....." />
                                                    <input type="submit" class="fa" value="&#xf002;">
                                                </form>
                                                <div class="xp-search-causes">
                                                    <a href="#">Search Causes</a>
                                                </div>
                                                <div class="xp-browse">
                                                    <a href="#">Browse Causes</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <main class="main-section version-four layout">
                <section class="xp-services-tow">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="hedding">
                                    <h2>Charity Services</h2>
                                    <p>Promote and Monitor Human Rights</p>
                                </div> 
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 col-sm-6 col-xs-6">
                                <div class="xp-services-tow-inner">
                                    <div class="xp-image-holder">
                                        <a href="#">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/services-tow-icon1.png" alt="" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="xp-text-box">
                                        <h3><a href="#">Develop and Lead</a></h3>
                                        <p>Duis il odio amet  vulpuate cursus
                                            Morbi accumsan ipsuy veli Namo
                                            auctor Class aptent socio</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-6">
                                <div class="xp-services-tow-inner">
                                    <div class="xp-image-holder">
                                        <a href="#">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/services-tow-icon2.png" alt="" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="xp-text-box">
                                        <h3><a href="#">Provide a Range</a></h3>
                                        <p>Duis il odio amet  vulpuate cursus
                                            Morbi accumsan ipsuy veli Namo
                                            auctor Class aptent socio</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-6">
                                <div class="xp-services-tow-inner">
                                    <div class="xp-image-holder">
                                        <a href="#">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/services-tow-icon3.png" alt="" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="xp-text-box">
                                        <h3><a href="#">Respect the Rights</a></h3>
                                        <p>Duis il odio amet  vulpuate cursus
                                            Morbi accumsan ipsuy veli Namo
                                            auctor Class aptent socio</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-6">
                                <div class="xp-services-tow-inner">
                                    <div class="xp-image-holder">
                                        <a href="#">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/services-tow-icon4.png" alt="" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="xp-text-box">
                                        <h3><a href="#">Individual Donors</a></h3>
                                        <p>Duis il odio amet  vulpuate cursus
                                            Morbi accumsan ipsuy veli Namo
                                            auctor Class aptent socio</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-6">
                                <div class="xp-services-tow-inner">
                                    <div class="xp-image-holder">
                                        <a href="#">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/services-tow-icon5.png" alt="" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="xp-text-box">
                                        <h3><a href="#">Innovative solutions</a></h3>
                                        <p>Duis il odio amet  vulpuate cursus
                                            Morbi accumsan ipsuy veli Namo
                                            auctor Class aptent socio</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-6">
                                <div class="xp-services-tow-inner">
                                    <div class="xp-image-holder">
                                        <a href="#">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/services-tow-icon6.png" alt="" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="xp-text-box">
                                        <h3><a href="#">Mission Statement</a></h3>
                                        <p>Duis il odio amet  vulpuate cursus
                                            Morbi accumsan ipsuy veli Namo
                                            auctor Class aptent socio</p>
                                    </div>
                                </div>
                            </div> 
                        </div>
                    </div> 
                </section>
                <section class="section-padding xp-urgent-causes xp-urgent-causes2 layout">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-4"></div>
                            <div class="col-md-5 col-sm-9 col-xs-12">
                                <div class="xp-urgent-inner">
                                    <span>Causes Around the World</span>
                                    <h3>Clean Water Changes Absolutely
                                        Help Everything</h3>
                                    <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris
                                        ipsuy veli. Nam nec tellus a odio tincidunt auctor Clas sociosq
                                        litora torquper conubiea Muris ine odio condimentum ornare ei
                                        Lorem ipsum dolor eiusmod tempor incididunt labore et dolore
                                        odio Sed non mauris vitae erat it consequat auctor.</p>
                                    <ul>
                                        <li>Donation Raise: <strong>$316,300</strong></li>
                                        <li>Donation Goal:  <strong>$126,300</strong></li>
                                    </ul>
                                    <a href="#">Donate Now</a>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-12">
                                <div class="xp-causes-inner">
                                    <div class="xp-causes-detail">
                                        <div class="xp-image-holder">
                                            <a href="#"><img src="images/urgent-causes-small-image1.png" alt="" /></a>
                                            <div class="xp-text-box">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <h3><a href="#">Help us end the Pain</a></h3>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="xp-text-hove">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <a href="#">Donate Now</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="xp-causes-detail">
                                        <div class="xp-image-holder">
                                            <a href="#"><img src="images/urgent-causes-small-image2.png" alt="" /></a>
                                            <div class="xp-text-box">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <h3><a href="#">Help us end the Pain</a></h3>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="xp-text-hove">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <a href="#">Donate Now</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="xp-causes-detail">
                                        <div class="xp-image-holder">
                                            <a href="#"><img src="images/urgent-causes-small-image1.png" alt="" /></a>
                                            <div class="xp-text-box">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <h3><a href="#">Donations Like yours to Fund</a></h3>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="xp-text-hove">
                                                <div class="child-pernt">
                                                    <div class="child">
                                                        <a href="#">Donate Now</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div> 
                            </div>
                        </div>
                    </div>
                    <div class="xp-urgent-causes-pic">
                        <img src="images/urgent-causes-big-image2.jpg" alt="" />
                    </div>
                </section>
                <section class="section-padding layout">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="hedding">
                                    <h2>Welfare project</h2>
                                    <p>Promote and Monitor Human Rights</p>
                                </div>
                            </div>
                        </div>
                        <div class="xp-welfare-project xp-welfare-project-version4">
                            <div class="row">
                                <div class="col-md-12">
                                    <div id="xp-welfare-project-owl">
                                        <div class="item">
                                            <div class="xp-welfare-inner">
                                                <div class="xp-img-holder">
                                                    <a href="#"><img src="images/welfare-project-img4.jpg" alt="" /></a>
                                                    <div class="xp-text-hover">
                                                        <div class="child-pernt">
                                                            <div class="child">
                                                                <span>Donation Raise</span>
                                                                <h3>$316,500</h3>
                                                                <ul>
                                                                    <li><a href="#"><i class="fa fa-caret-right"></i>Disease & Disorder Charities</a></li>
                                                                    <li><a href="#"><i class="fa fa-caret-right"></i>Peace & Human Rights NGOs</a></li>
                                                                    <li><a href="#"><i class="fa fa-caret-right"></i>Medical Services & Treatment</a></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="xp-text-box">
                                                    <ul>
                                                        <li>Starting 11 May 2016</li>
                                                        <li>Closing 02 June 2016</li>
                                                    </ul>
                                                    <h3><a href="#">Leverage the Power Storytelling Technology to Raise</a></h3>
                                                    <p>Excepteur sint occaecat cupidatat non proident, qui officia
                                                        deserunt mollit anim id amet, consecur adipisicing elitsed 
                                                        lioem nor do eiusmod.......</p>
                                                    <a class="xp-help-homeless" href="#">Help Homeless Kids</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="xp-welfare-inner">
                                                <div class="xp-img-holder">
                                                    <a href="#"><img src="images/welfare-project-img5.jpg" alt="" /></a>
                                                    <div class="xp-text-hover">
                                                        <div class="child-pernt">
                                                            <div class="child">
                                                                <span>Donation Raise</span>
                                                                <h3>$316,500</h3>
                                                                <ul>
                                                                    <li><a href="#"><i class="fa fa-caret-right"></i>Disease & Disorder Charities</a></li>
                                                                    <li><a href="#"><i class="fa fa-caret-right"></i>Peace & Human Rights NGOs</a></li>
                                                                    <li><a href="#"><i class="fa fa-caret-right"></i>Medical Services & Treatment</a></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="xp-text-box">
                                                    <ul>
                                                        <li>Starting 11 May 2016</li>
                                                        <li>Closing 02 June 2016</li>
                                                    </ul>
                                                    <h3><a href="#">The Largest National and Global Charities  </a></h3>
                                                    <p>Excepteur sint occaecat cupidatat non proident, qui officia
                                                        deserunt mollit anim id amet, consecur adipisicing elitsed 
                                                        lioem nor do eiusmod.......</p>
                                                    <a class="xp-help-homeless" href="#">Help Homeless Kids</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="xp-welfare-inner">
                                                <div class="xp-img-holder">
                                                    <a href="#"> <img src="images/welfare-project-img6.jpg" alt="" /></a>
                                                    <div class="xp-text-hover">
                                                        <div class="child-pernt">
                                                            <div class="child">
                                                                <span>Donation Raise</span>
                                                                <h3>$316,500</h3>
                                                                <ul>
                                                                    <li><a href="#"><i class="fa fa-caret-right"></i>Disease & Disorder Charities</a></li>
                                                                    <li><a href="#"><i class="fa fa-caret-right"></i>Peace & Human Rights NGOs</a></li>
                                                                    <li><a href="#"><i class="fa fa-caret-right"></i>Medical Services & Treatment</a></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="xp-text-box">
                                                    <ul>
                                                        <li>Starting 11 May 2016</li>
                                                        <li>Closing 02 June 2016</li>
                                                    </ul>
                                                    <h3><a href="#">Designed to Meet the Varying Needs of Adults</a></h3>
                                                    <p>Excepteur sint occaecat cupidatat non proident, qui officia
                                                        deserunt mollit anim id amet, consecur adipisicing elitsed 
                                                        lioem nor do eiusmod.......</p>
                                                    <a class="xp-help-homeless" href="#">Help Homeless Kids</a>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section class="xp-clint xp-clint-version4 layout">
                    <div class="container">
                        <div class="xp-clint-innr">
                            <div class="row">
                                <div class="col-md-10 col-md-offset-1">
                                    <div id="our-clints-owl">
                                        <div class="item">
                                            <div class="clints-sponser">
                                                <a href="#"><img src="images/sponser-img5.png" alt="" /></a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="clints-sponser clint-two-sponser">
                                                <a href="#"><img src="images/sponser-img6.png" alt="" /></a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="clints-sponser">
                                                <a href="#"><img src="images/sponser-img7.png" alt="" /></a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="clints-sponser clint-two-sponser">
                                                <a href="#"><img src="images/sponser-img8.png" alt="" /></a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="clints-sponser">
                                                <a href="#"><img src="images/sponser-img5.png" alt="" /></a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="clints-sponser clint-two-sponser">
                                                <a href="#"><img src="images/sponser-img6.png" alt="" /></a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="clints-sponser">
                                                <a href="#"><img src="images/sponser-img7.png" alt="" /></a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="clints-sponser clint-two-sponser">
                                                <a href="#"><img src="images/sponser-img8.png" alt="" /></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </main>
            <footer id="footer" class="layout">
                <div class="footer section-padding layout" data-parallax="scroll" data-image-src="images/footer-bg.jpg">
                    <div class="xp-ovrlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-md-3 col-sm-4 col-xs-6">
                                <div class="footer-inner layout">
                                    <h3><span></span>flickr widget</h3>
                                    <div class="footer-flicker layout">
                                        <ul class="layout">
                                            <li><a href="#"><img src="images/footer-flickr-img1.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img2.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img3.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img4.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img5.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img6.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img7.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img8.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img9.jpg" alt=""/></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-4 col-xs-6">
                                <div class="footer-inner layout">
                                    <h3><span></span>Help Compains</h3>
                                    <div class="footer-help-comanis layout">
                                        <ul class="layout">
                                            <li> <div class="xp-shapes"></div> <a href="#">What's the structure ads?</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">Campaign Builder Terminology</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">create up to 5000 campaigns.</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">Hugely Successful when it Comes</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">Strong and can be Attributed</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">The Fight For Women's Care</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-4 col-xs-6">
                                <div class="footer-inner layout">
                                    <h3><span></span>Latest News</h3>
                                    <div class="footer-latest-news layout">
                                        <div class="footer-latest-inner layout">
                                            <div class="xp-image-holder">
                                                <a href="#"><img src="images/footer-latest-news-img1.jpg" alt="" /></a>
                                            </div>
                                            <div class="xp-text-box">
                                                <span>24 December 2016</span>
                                                <h4><a href="#">Protection and Social Inclusion</a></h4>
                                            </div>
                                        </div>
                                        <div class="footer-latest-inner layout">
                                            <div class="xp-image-holder">
                                                <a href="#"><img src="images/footer-latest-news-img2.jpg" alt="" /></a>
                                            </div>
                                            <div class="xp-text-box">
                                                <span>24 December 2016</span>
                                                <h4><a href="#">through sponsored moustache</a></h4>
                                            </div>
                                        </div>
                                        <div class="footer-latest-inner  layout">
                                            <div class="xp-image-holder">
                                                <a href="#"><img src="images/footer-latest-news-img3.jpg" alt="" /></a>
                                            </div>
                                            <div class="xp-text-box">
                                                <span>24 December 2016</span>
                                                <h4><a href="#">based on shared humour</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 col-xs-6">
                                <div class="footer-inner layout">
                                    <h3><span></span>About Pain</h3>
                                    <div class="footer-pain layout">
                                        <p>Rem iplsum dolor amet, consectetuer 
                                            adipiscingelit, sed diam nonummy nib
                                            euismod tincidu laoreet dolore magna
                                            aliquam erat volutpat euimod....</p>
                                        <ul>
                                            <li><a href="#"><i class="fa fa-phone"></i></a></li>
                                            <li><a href="#"><i class="fa fa-map-marker"></i></a></li>
                                            <li><a href="#"><i class="fa fa-envelope"></i></a></li>
                                        </ul>
                                        <p>105 Ohua ave. Belgium from the US, 
                                            Europe and Asia </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <section class="xp-copyright layout">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <p><span>Pain</span> - Copyright 2016. Design by <span>wellconcept</span></p>
                            </div>
                        </div>
                    </div>
                </section>
            </footer>
        </div>
        <script src="js/vendor/jquery.js"></script>
        <script src="js/vendor/jquery-ui.min.js"></script>
        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/vendor/jquery.appear.js"></script>
        <script src="js/vendor/isotope.pkgd.js"></script>
        <script src="js/vendor/parallax.min.js"></script>
        <script src="js/vendor/odometer.js"></script>
        <script src="js/vendor/owl.carousel.min.js"></script>
        <script src="js/vendor/jquery.countdown.min.js"></script>
        <script src="js/vendor/jquery.countdownTimer.min.js"></script>
        <script src="js/vendor/swiper.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>
